<template>
  <div >
  <!--<div class="crumbs">
      <el-breadcrumb separator="/">
          <el-breadcrumb-item><i class="el-icon-setting"></i> 系统管理</el-breadcrumb-item>
            <el-breadcrumb-item>{{currentTabLabel}}</el-breadcrumb-item>
      </el-breadcrumb>
  </div>-->
  <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
    <el-tab-pane name="user" label="用户管理">
      <span slot="label"><i class="el-icon-date"></i> 用户管理</span>
        <v-user></v-user>
    </el-tab-pane>
    <el-tab-pane name="role" label="权限管理"><v-role></v-role></el-tab-pane>
    <el-tab-pane name="menu" label="菜单管理"><v-menu></v-menu></el-tab-pane>
  </el-tabs>
</div>
</template>
<script>
    import vMenu from './menu.vue';
    import vRole from './role.vue';
    import vUser from './user.vue'
    export default {

        components:{
            vMenu,
             vRole,
             vUser
        },
        data() {
          return {
            currentTabLabel:'用户管理',
            activeName: 'user'
          };
        },
        methods: {
          handleClick(tab, event) {
            this.currentTabLabel = tab.label;
          }
        },
        computed:{

        }
    }
</script>
